<!DOCTYPE html>
<html lang="en">
<head>
	<script src="../js/header.js" type="text/javascript"></script>	
	
	<script> 
		if (localStorage.getItem("estudia_user") == null) {
			$('#searchbar' ).hide();
			$('#header_after' ).hide();
			$('#header_before' ).show();
		} else {
			$('#header_greeting').append(localStorage.getItem("estudia_user"));
			$('#searchbar' ).show();
			$('#header_after' ).show();
			$('#header_before' ).hide();
		}
		
		$("#header_profile").click(function() {
			$(".middle_side").load("profile.html");
		});
	</script>
	
</head>

<body>
	<div id="header_border">
		<div class="logo"><a href="../index.html"><img src="../assets/logo_baru.png"/></a></div>
		
		<div id="header_before" class="header_detail">
			<a href="register.html"><button id="header_register">Register</button></a>
			<a href="login.html"><button id="header_signin">Sign In</button></a>
		</div>

		<div id="header_after" class="header_detail">
			<div id="header_greeting">Welcome, </div>
			<div id="header_after_button">
				<a href="logout.html"><button id="header_logout">Sign Out</button></a>
				<button id="header_profile">Profile</button></a>
			</div>
		</div>
	</div>
	<!--div class="options">
		<ul>
			<li>Menu</li>
		</ul>
	</div>
	<div class="clear"></div>
	<nav class="vertical menu">
		<ul>
			<li id="option_greeting"> </li>
			<li id="option_profile"><a href="home.html">Profile</a></li>
			<li id="option_loguot"><a href="logout.html">Sign Out</a></li>
			<li id="option_login"><a href="login.html">Login</a></li>
			<li id="option_register"><a href="register.html">Register</a></li>
		</ul>
	</nav-->
</body>
</html>